// @import './iconfont.css';

.test {
  // 可以通过 @apply 多个样式封装整体样式
  @apply mt-4 ml-4;

  padding-top: 4px;
  color: red;
}

:root,
page {
  // 修改按主题色
  // --wot-color-theme: #37c2bc;

  // 修改按钮背景色
  // --wot-button-primary-bg-color: green;
}

// Helio: 全屏-50px
.full-screen-50px {
  min-height: calc(100vh - 50rpx);
}

// Helio: 全屏-120px
.full-screen-120px {
  min-height: calc(100vh - 120rpx);
}

// Helio: 用于展示头像的圆形框 4rem * 4rem
.image-avatar-16 {
  @apply w-16 h-16 rounded-full;
}

// Helio: 用于展示头像的圆形框 2rem * 2rem
.image-avatar-8 {
  @apply w-8 h-8 rounded-full;
}
